Skip to content

fix(web): order compact sidebar icons as terminal, pr, status - #11676

Closed
maria-rcks wants to merge 1 commit into
pingdotgg:mainfrom
maria-rcks:t3code/fix-compact-mode-icon-order
Closed

maria-rcks wants to merge 1 commit into
pingdotgg:mainfrom
maria-rcks:t3code/fix-compact-mode-icon-order

Conversation

@maria-rcks

@maria-rcks maria-rcks commented Sep 14, 2026

Copy link
Copy Markdown
Collaborator

In compact (one-line) thread rows the pull-request badge rendered after the thread status icon, so a row with both read status, pr. The status belongs closest to the timestamp: the terminal indicator first, then the PR badge, then the status icon. Wide card rows are unchanged.

Both screenshots are the same thread mid-turn (Working) with its linked pull request, captured in a real dev server with compact thread rows enabled.

Before — working, pr:

compact sidebar before, working status icon before the pull request badge

After — pr, working:

compact sidebar after, pull request badge before the working status icon

Verification

vp run --filter @t3tools/web typecheck, vp lint apps/web/src/components/Sidebar.tsx (0 errors), and the four Sidebar.* test files (236 passed) are clean on Blacksmith. Terminal position is unchanged (first when present); no seeded row had a running terminal to show it.

@github-actions github-actions Bot added vouch:trusted PR author is trusted by repo permissions or the VOUCHED list. size:XS 0-9 changed lines (additions + deletions). labels Sep 14, 2026
@macroscopeapp

macroscopeapp Bot commented Sep 14, 2026

Copy link
Copy Markdown
Contributor

Approvability

Verdict: Approved at c93a835

Macroscope's review found this PR approvable — This one-line change only reorders existing compact sidebar icons to terminal, pull request, and status, without altering their behavior or adding new logic. Its runtime impact is limited to presentation order in the web UI.

You can add or adjust custom eligibility rules. Learn more.

@coderabbitai

coderabbitai Bot commented Sep 14, 2026

Copy link
Copy Markdown

Review Change StackReview Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Advanced

Run ID: 469f5967-22cb-4c37-8319-8fc3ff0ac224

📥 Commits

Reviewing files that changed from the base of the PR and between 3b75e60 and c93a835.

📒 Files selected for processing (1)
  • apps/web/src/components/Sidebar.tsx

Included review availability: Your plan provides up to 10 included reviews per hour; 8 remain after this review.


📝 Walkthrough

Walkthrough

The compact sidebar row now renders the pull-request badge before the status indicator. The displayed badge remains unchanged.

Changes

Compact sidebar row

Layer / File(s) Summary
Pull-request badge and status order
apps/web/src/components/Sidebar.tsx
Moves renderPrBadge(true) before the compact status block in SidebarThreadRow.

Priority: ⬇️ Low

Estimated code review effort: 1 (Trivial) | ~3 minutes

Change: Bug fix

Suggested reviewers: t3dotgg

Merge Risk: ⚪ Minimal · up to c93a8

The compact sidebar now uses the requested indicator order, and no merge-blocking risk is evident.

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 1…
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
Title check ✅ Passed The title clearly and concisely describes the compact sidebar icon-ordering change.
Description check ✅ Passed The description explains what changed and why, includes before/after UI screenshots, and documents verification. It does not include the template headings or checklist, but the required information is…
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Comment @coderabbitai help to get the list of available commands.

@juliusmarminge

Copy link
Copy Markdown
Member

Superseded by #11685 (merged) — compact sidebar was reverted, so this change no longer applies.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS 0-9 changed lines (additions + deletions). vouch:trusted PR author is trusted by repo permissions or the VOUCHED list.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants